<!--
 * @Author      : ZhouQiJun
 * @Date        : 2025-06-03 15:51:59
 * @LastEditors : ZhouQiJun
 * @LastEditTime: 2025-06-04 18:25:15
 * @Description : 使用 pinia CounterStore
-->
<script setup>
import { useCounterStore } from '@/stores'
const counterStore = useCounterStore()
function onClick() {
  counterStore.increment()
}
</script>

<template>
  <div class="CounterDemo">
    <p class="double-count">doubleCount {{ counterStore.doubleCount }}</p>
    <p class="count text-red-500">count {{ counterStore.count }}</p>
    <button @click="onClick">+</button>
  </div>
</template>

<style scoped lang="scss">
.CounterDemo {
  // scss code
}
</style>
